@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body{
    background-color:rgb(212, 255, 255);
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    letter-spacing:1px;
    text-align:justify;
    font-size:12px;
    line-height:20px;
    font-family:'IBM Plex Serif', sans-serif;
    margin:0 auto;
    color:black;
}

#main{
    position:relative;
    width:700px;
    margin:50px auto;
}

.maincontent{
    height:auto;
    width:800px;
    display:flex;
    flex-direction:column;
}

.title{
    height:75px;
    width:800px;
    font-size:30px;
    display:flex;
    justify-content:flex-start;
    align-items:center;
}

.topbar{
    height:auto;
    width:800px;
    padding:6px;
    background-color:white;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:1px black solid;
    border-radius:20px;
    margin:10px auto;
}

.menu{
    height:auto;
    width:auto;
}

.scrollbar{
    height:15px;
    width:500px;
    background-color:white;
    border:1px black solid;
    padding:3px;
    border-radius:10px;
}

a{
    color:darkblue;
    position:relative;
    text-decoration:none;
}

a:hover{
    text-decoration:underline darkblue;
}

.mainbox{
    height:auto;
    width:782px;
    background-color:white;
    padding:15px;
    border:1px black solid;
    border-radius:10px;
}

.pagetitle{
    height:auto;
    width:100%;
    border-bottom:1px solid grey;
    font-size:25px;
    margin-bottom:10px;
}

.sectiontitle{
    height:auto;
    width:100%;
    border-bottom:1px solid grey;
    font-size:18px;
    margin-bottom:10px;
}

.divider{
    height:auto;
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.textcontent{
    width:100%;
    height:auto;
    text-align:start;
}

.infoboxholder{
    width:300px;
    height:auto;
    display:flex;
    justify-content:flex-end;
    float:right;
}

.infobox{
    height:auto;
    width:275px;
    border:1px solid black;
    padding:8px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.infoboxsection{
    height:auto;
    width:100%;
    padding:5px;
    border-bottom:1px grey solid;
}

.infoboxcontent{
    height:auto;
    width:100%;
    display:flex;
    justify-content:space-between;
}

.contentbox{
    height:auto;
    width:200px;
    border:1px black solid;
    padding:10px;
}

.picture{
    height:auto;
    width:200px;
    padding:6px;
    border:1px black solid;
    text-align:left;
    margin:6px;
}